.my-schedule {
  width: 100%;
  .nut-tabbar{
    height: 160rpx;
    .nut-tabbar-item_icon-box_nav-word{
      font-size: 24rpx;
    }
  }
  .my-schedule-contiainer {
    padding-bottom: 160rpx;
    box-sizing: border-box;
    .my-schedule-date-box {
      width: 100%;
      padding: 0 32rpx;
      box-sizing: border-box;
      border-bottom: 1rpx solid #f6f9ff;
      .schedule-contiainer-date {
        .schedule-date-one {
          display: flex;
          justify-content: space-between;
          align-items: center;
          .schedule-data-one-left {
            display: flex;
            .today-week-box {
              text {
                display: block;
              }
              text:nth-of-type(1) {
                font-weight: 600;
                font-size: 36rpx;
                color: #101010;
              }
              text:nth-of-type(2) {
                font-size: 28rpx;
                color: #1e74fd;
              }
            }
            .history-box {
              margin-top: 10rpx;
              font-size: 28rpx;
              color: #666;
              .iconfont {
                font-size: 24rpx;
              }
            }
          }
          .schedule-data-one-right {
            .iconfont {
              font-size: 40rpx;
              margin: 0 20rpx;
            }
          }
        }
        .schedule-date-two {
          width: 100%;
          margin: 50rpx 0;
          .date-two-swiper {
            width: 100%;
            position: relative;
            .list-date-two-swiper {
              height: 150rpx;
              width: 82%;
              margin: 0 auto;

              .nut-swiper-item {
                height: 128rpx;
                background: #f3f5f9;
                border-radius: 12rpx;
                margin: 0 10rpx;
                text-align: center;
                display: flex;
                align-items: center;

                .date-two-swiper-item {
                  width: 100%;
                  text {
                    display: block;
                    // line-height: 46rpx;
                  }
                  text:nth-of-type(1) {
                    line-height: 20rpx;
                    font-size: 24rpx;
                    color: #999;
                  }
                  text:nth-of-type(2) {
                    line-height: 60rpx;
                    font-weight: 600;
                    font-size: 32rpx;
                    color: #101010;
                  }
                  text:nth-of-type(3) {
                    line-height: 10rpx;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    i {
                      display: inline-block;
                      width: 10rpx;
                      height: 10rpx;
                      border-radius: 50%;
                      margin: 0 2rpx;
                    }
                    .i1 {
                      background: #1e74fd;
                    }
                    .i2 {
                      background: #00be20;
                    }
                    .i3 {
                      background: #ff9d00;
                    }
                    .i4 {
                      background: #999 !important;
                    }
                  }
                }
              }
              .nut-swiper-item.active {
                border: 2rpx solid #1e74fd !important;
                .date-two-swiper-item {
                  text {
                    color: #1e74fd;
                  }
                }
              }
            }
            .nut-swiper-btns {
              position: absolute;
              top: 13%;
              transform: translateY(-50%);
              //   z-index: -1;
              height: 1rpx;
              display: flex;
              justify-content: space-between;
              .nut-swiper-btns__left {
                display: inline-block;
                width: 62rpx;
                height: 78rpx;
                background: #f3f5f9;
                border-radius: 12rpx;
                text-align: center;
                line-height: 78rpx;
                .iconfont {
                  font-size: 36rpx;
                  color: #999;
                }
                // display: flex;
                // align-items: center;
                // justify-content: center;
              }
            }
          }
        }
      }
    }
    .my-schedule-box {
      width: 100%;
      position: relative;
      .add-schedule-btn {
        position: absolute;
        top: -80rpx;
        right: 40rpx;
        width: 106rpx;
        height: 106rpx;
        background: #1e74fd;
        box-shadow: 0rpx 6rpx 20rpx 2rpx rgba(30, 116, 253, 0.35);
        border-radius: 50%;
        text-align: center;
        line-height: 106rpx;
        .iconfont {
          font-size: 40rpx;
          color: #fff;
        }
      }
      .schedule-list {
        width: 100%;
        .schedule-list-item {
          width: 100%;
          padding: 0 32rpx;
          box-sizing: border-box;
          margin-top: 40rpx;
          .nut-tabs {
            background: #fff;
          }
          .nut-tabs__titles {
            background: transparent !important;
          }
          /* 可选：同时移除底部线条 */
          // .nut-tabs__titles-item__line {
          //     color: #1E74FD !important;
          // //   display: none !important;
          // }
          // .nut-tabs__titles-item__line {
          //   height: 10px !important; /* 调整高度 */
          //   border-radius: 6px !important; /* 可选：圆角 */
          // }
          // .nut-tabs__list {
          //   display: flex;
          //   // justify-content: space-between;
          // }
          // .nut-tabs__titles-item__text {
          //   color: #999 !important;
          //   font-size: 28rpx;
          //   font-weight: 400;
          // }
          // .nut-tabs__titles-item.active {
          //   color: #1e74fd !important;

          //   .nut-tabs__titles-item__line {
          //     background: #1e74fd !important;
          //     width: 30rpx;
          //   }
          // }

          .nut-tab-pane {
            padding: 10rpx 20rpx;
            box-sizing: border-box;
          }
          .schedule-list-item-title {
            display: flex;
            // .schedule-list-item-title:last-of-type(1){
            //   margin-left: 30rpx;
            // }
            .schedule-title.active {
              margin: 0 20rpx;
              .week-text {
                font-size: 36rpx;
                font-weight: 600;
                border-bottom: 6rpx solid #1e74fd;
                border-bottom-left-radius: 8rpx;
                border-bottom-right-radius: 8rpx;
              }
            }
            .schedule-title {
              .week-text {
                font-size: 28rpx;
                color: #101010;
              }
              .week-num {
                color: #101010;
                font-weight: 400;
                font-size: 28rpx;
                display: inline-block;
                text {
                  font-weight: 600;
                  font-size: 36rpx;
                  color: #1e74fd;
                }
              }
            }
            // .week-pla {
            //   padding-top: 5rpx;
            //   box-sizing: border-box;
            //   display: inline-block;
            //   font-size: 30rpx;
            //   line-height: 50rpx;
            //   color: #101010;
            //   margin-left: 30rpx;
            // }
          }
          .meeting-list {
            width: 100%;
            .meeting-list-item {
              .meeting-list-item-day {
                font-weight: 600;
                font-size: 36rpx;
                color: #101010;
                margin: 30rpx 0 20rpx 0;
              }
              .meeting-list-item-box {
                display: flex;
                justify-content: space-between;
                width: 100%;
                margin: 40rpx 0;
                .meeting-item-left {
                  width: 10%;
                  font-size: 24rpx;
                  color: #101010;
                  display: flex;
                  flex-direction: column;
                  align-items: center;

                  text:nth-of-type(1) {
                    margin-top: 16rpx;
                  }
                  text:nth-of-type(2) {
                    padding-top: 16rpx;
                    box-sizing: border-box;
                    color: #999;
                  }
                }
                .meeting-item-right {
                  width: 88%;
                  .meeting-details {
                    padding: 20rpx;
                    box-sizing: border-box;
                    height: 216rpx;
                    background: #f2f7ff;
                    border-left: 6rpx solid #1e74fd;
                    border-top-left-radius: 8rpx;
                    border-bottom-left-radius: 8rpx;
                    border-top-right-radius: 8rpx;
                    .meeting-details-time {
                      display: flex;
                      align-items: center;
                      justify-content: space-between;
                      color: #1e74fd;
                      .meeting-item-time {
                        font-size: 24rpx;
                      }
                      .meeting-details-more {
                        position: relative;
                        .iconfont {
                          padding: 10rpx;
                          box-sizing: border-box;
                        }
                        text {
                          font-size: 24rpx;
                        }
                        // ----
                        .popover {
                          position: absolute;
                          top: -54rpx;
                          left: -90rpx;
                          padding: 5rpx 15rpx;
                          width: 120rpx;
                          // height: 20rpx;
                          border-radius: 10rpx;
                          background-color: #fff;
                          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
                          color: #666;
                          z-index: 999;
                          .popover-content {
                            .popover-btn {
                              display: inline-block;
                              padding: 0 6rpx;
                              font-size: 24rpx;
                              box-sizing: border-box;
                            }
                          }
                        }
                      }
                    }
                    .meeting-details-text {
                      line-height: 80rpx;
                      font-weight: 600;
                      font-size: 32rpx;
                      color: #101010;
                      width: 90%;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                      overflow: hidden;
                    }
                    .meeting-details-user {
                      display: flex;
                      justify-content: space-between;
                      align-items: center;
                      .user {
                        display: flex;
                        align-items: center;
                        .user-title {
                          font-size: 24rpx;
                          color: #999999;
                        }
                        .user-name {
                          display: flex;
                          align-items: center;
                          margin-left: 6rpx;
                          background: #cfe2ff;
                          border-radius: 20rpx;
                          padding: 4rpx 14rpx 4rpx 0;
                          img {
                            width: 32rpx;
                            height: 32rpx;
                            border-radius: 20rpx;
                            margin-right: 4rpx;
                          }
                          .user-name-text {
                            font-size: 24rpx;
                            color: #101010;
                          }
                        }
                      }
                      .meeting-room {
                        display: flex;
                        align-items: center;
                        .meeting-room-name {
                          display: inline-block;
                          width: 80rpx;
                          overflow: hidden;
                          text-overflow: ellipsis;
                          white-space: nowrap;
                        }
                        .iconfont {
                          font-size: 22rpx;
                          color: #b2b2b2;
                          font-weight: 600;
                        }
                        text {
                          padding-left: 5rpx;
                          box-sizing: border-box;
                          font-size: 24rpx;
                          color: #999999;
                        }
                      }
                    }
                  }
                }
              }
              //   结束的会议
              .meeting-list-item-box.endActive {
                .meeting-details {
                  background: #f9f9f9;
                  border-left: 6rpx solid #999;
                  .meeting-details-time {
                    color: #999;
                  }
                  .meeting-details-text {
                    text-decoration: line-through;
                  }
                  .meeting-details-user {
                    .user {
                      .user-name {
                        background: #e5e5e5;
                      }
                    }
                    .meeting-room {
                      .iconfont {
                        color: #999;
                      }
                      text {
                        color: #999;
                      }
                    }
                  }
                }
              }
              //   迟到的会议
              .meeting-list-item-box.redActive {
                .meeting-details {
                  background: #fff3f2;
                  border-left: 6rpx solid #ff0c00;
                  .meeting-details-time {
                    color: #ff0c00;
                  }
                  .meeting-details-user {
                    .user {
                      .user-name {
                        background: #ffe6e6;
                      }
                    }
                    .meeting-room {
                      .iconfont {
                        color: #999;
                      }
                      text {
                        color: #999;
                      }
                    }
                  }
                }
              }

              //   进行中的会议
              .meeting-list-item-box.greenActive {
                .meeting-details {
                  background: #f5fff6;
                  border-left: 6rpx solid #00be20;
                  .meeting-details-time {
                    color: #00be20;
                  }
                  .meeting-details-user {
                    .user {
                      .user-name {
                        background: #d8f2da;
                      }
                    }
                    .meeting-room {
                      .iconfont {
                        color: #999;
                      }
                      text {
                        color: #999;
                      }
                    }
                  }
                }
              }

              .no-meetings {
                width: 100%;
                height: 96rpx;
                .no-meetings-text {
                  float: right;
                  width: 88%;
                  height: 96rpx;
                  background: #f9f9f9;
                  border-radius: 28rpx;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: 28rpx;
                  color: #999999;
                }
              }
            }
          }
        }
      }
    }
  }
}
